<template>
	<view class="settlement">
		<view class="settlement_left">
			<slot name="left"></slot>
		</view>
		<view class="settlement_right">
			<slot name="right"></slot>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss" scoped>
	.settlement {
		width: 690upx;
		height: 80upx;
		background-color: #333;
		border-radius: 10upx;
		display: flex;
		justify-content: space-between;
		position: fixed;
		left: 36upx;
		bottom: 10upx;
		z-index: 9999;
		
		&_left {
			flex: 1;
		}
		
		&_right {
			width: 244upx;
			height: 100%;
			background-color: #C3AB7C;
			border-radius: 0px 10upx 10upx 0px;
			font-size: 28upx;
			color: #fff;
			display: flex;
			justify-content: center;
			align-items: center;
		}
	}
</style>
